// 这个文件用来实现文件上传的操作
$(function () {
    // 一点击上传文件按钮，就实现上传文件操作
    $('#feature').on('change', function () {
        // 1.获取文件对象
        var myfile = document.querySelector('#feature').files[0];
        // console.log(myfile)
        // 
        // 使用formdata获取图片数据
        // 创建formdata对象
        var formdata = new FormData();
        formdata.append('img',myfile)
        // 使用ajax发送请求
        $.ajax({
            type: "post", //默认get
            url: "/uploadFile", //默认当前页
            data: formdata, //格式{key:value}
            contentType:false, // 让ajax不要进行数据的编码处理，因为我想让formdata来处理
            processData:false, // 让ajax不要进行数据的处理，因为Formdata已经处理好了
            dataType: "json",
            success: function (res) { //请求成功回调
                // console.log(res)
                if(res.code == 200){
                    $('.thumbnail').attr('src','/uploads/'+res.img).show()
                    // 将图片路径储存到隐藏域中
                    $('[name="feature"]').val(res.img)
                }else{
                    $('.alert-danger').text(res.msg).fadeIn(500).delay(3000).fadeOut(500)
                }
            }
        });
    })


    // 分类数据的动态加载
    $.ajax({
        type: "GET",  //默认get
        url: "/getAllCate",  //默认当前页
        data: "data",  //格式{key:value}
        dataType: "json",
        
        success: function (res) {  //请求成功回调
            var str = '<option value="all">所有分类</option>';
            for(var i = 0;i<res.data.length;i++){
                str += `'<option value="${res.data[i].id}">${res.data[i].name}</option>'`
            }
            $('#category').html(str)
        },
        
    });

    // 使用GEKditor富文本域
    CKEDITOR.replace( 'content' );


    // 获取按钮，注册点击事件，保存文件
    $('.btnSave').on('click',function(){
        CKEDITOR.instances.content.updateElement();
        var formData=$('form').serialize();
        // console.log(formData)
        $.ajax({
            type: "post",  //默认get
            url: "/addPost",  //默认当前页
            data: formData,  //格式{key:value}
            dataType: "json",
            success: function (res) {  //请求成功回调
                if(res.code == 200){
                    location.href ='/admin/posts'
                }else{
                    console.log(res.msg)
                }
            },
        });

    })


})